<template>
  <div class="p-8 bg-blue-500 text-white rounded-lg shadow-lg">
    <h1 class="text-2xl font-bold mb-4">Tailwind CSS 测试</h1>
    <p class="text-lg mb-4">
      如果你能看到这个蓝色背景和白色文字，说明 Tailwind CSS 已经生效！
    </p>
    <button
      class="bg-green-500 hover:bg-green-600 px-4 py-2 rounded transition-colors"
    >
      测试按钮
    </button>
  </div>
</template>

<script setup lang="ts">
// 这是一个测试 Tailwind CSS 的组件
</script>
